﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" >
<title>域标签field和域标题legend的简单应用</title>
<style>
form{
	width:280px;
	margin:20px;	
}
div{text-align:center;}
</style>
</head>
<body>
<h3>域标签field和域标题legend的简单应用</h3>
<hr />
<form method="post" action="URL">
	<fieldset>
	<legend>账号信息</legend>
	<label>用户名：<input type="text" name="username" /></label><br />
	<label>密　码：<input type="text" name="pwd1" /></label><br />
	<label>确　认：<input type="text" name="pwd2" /></label><br />
	</fieldset>
	<br />
	<fieldset>
	<legend>个人信息</legend>
	<label>姓　名：<input type="text" name="name" /></label><br />
	<label>单　位：<input type="text" name="title" /></label><br />
	<label>职　位：<input type="text" name="position" /></label><br />
	<label>职　称：<input type="text" name="title" /></label><br />
	<label>手　机：<input type="text" name="tel" /></label><br />
	<label>邮　箱：<input type="text" name="email" /></label><br />
	</fieldset>
	<br />
	<div>
	<input type="reset" value="重置" />　<input type="submit" value="提交" />
	</div>
</form>
</body>
</html>